<template>
    <div class="container">{{ message }}</div>
</template>

<script>
    export default {
        data() {
            return {
                message: "组件基础组成"
            }
        }
    }
</script>

<!-- scoped 样式只在当前组件有效 -->
<style scoped>
.container {
    background-color: #6b5e5e;
    padding: 20px;
}
</style>